<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="renderer" content="webkit">
  <title>新增人员</title>
  <link href="../lib/css/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet">
  <link href="../lib/jquery-steps/jquery.steps.css" rel="stylesheet">
  <link href="../css/reset.css" rel="stylesheet">
  <link href="../css/style.css" rel="stylesheet">
  <link href="../css/addInfo.css" rel="stylesheet">
  <link href="../css/addWorkerInfo.css" rel="stylesheet">
	<script src="../lib/jquery/dist/jquery.js"></script>
  <script src="../lib/angular-1.3.0/angular.js"></script>
  <script src="../lib/jquery-steps/jquery.steps.min.js"></script>
  <script type="text/javascript">
	  var app = angular.module("app", []);

	  app.controller("addWorkerInfoCtrl", function($scope) {	  	
	  	$(function() {
	  		$("#example-manipulation").steps({
  		    headerTag: "h3",
  		    bodyTag: "section",
  		    transitionEffect: "slideLeft",
  		    autoFocus: true
	  		});

	  		$(".actions a[href$='#previous']").text("上一步");
	  		$(".actions a[href$='#next']").text("下一步");
	  		$(".actions a[href$='#finish']").text("完成");
	  	})

	  	this.addCertify = () => {
	  		debugger;
	  		var html = "";
	  		html += "<tr>"+
									"<td><select class='form-control-select'><option value=''>特种作业人员</option></select></td>"+
									"<td><input type='text' class='form-control-input'></td>"+
									"<td><input type='text' class='form-control-input'></td>"+
									"<td><input type='text' class='form-control-input'></td>"+
									"<td><input type='text' class='form-control-input' ng-datepicker></td>"+
									"<td ng-click='vm.cancelCertify()'><i class='fa fa-times-circle'></i></td>"+
								"</tr>";
				$("#add_certify").append(html);
	  	}

	  });
  </script>
</head>
<body ng-app="app" ng-controller="addWorkerInfoCtrl as vm">
	<div class="main">
		<form class="base-info add-worker-info" name="addForm" novalidate>
			<div class="main-content">
				<div class="container-header fs-16">
					<span>人员登记流程</span>
				</div>
				<div id="example-manipulation">
			    <h3>采集信息</h3>
			    <section>
		        <div class="info-item-header">
		        	<label class="info-item-header-label">采集信息</label>
		        </div>
		        <label class="theme-info fs-theme-color">身份证信息</label>
		        <div class="second-base-info">
		        	<div class="w-80 fl">
		        		<div class="pa-form-control">
		        			<label class="pa-base-info-label fs-theme-color">姓名：</label>
		        			<span class="pa-base-info-fr">王大锤</span>
		        		</div>
		        		<div class="pa-form-control">
		        			<label class="pa-base-info-label fs-theme-color">民族：</label>
		        			<span class="pa-base-info-fr">汉</span>
		        		</div>
		        		<div class="pa-form-control">
		        			<label class="pa-base-info-label fs-theme-color">性别：</label>
		        			<span class="pa-base-info-fr">男</span>
		        		</div>
		        		<div class="pa-form-control">
		        			<label class="pa-base-info-label fs-theme-color">出生日期：</label>
		        			<span class="pa-base-info-fr">1990-02-12</span>
		        		</div>
		        		<div class="pa-form-control">
		        			<label class="pa-base-info-label fs-theme-color">住址：</label>
		        			<span class="pa-base-info-fr">南京市雨花台区</span>
		        		</div>
		        		<div class="pa-form-control">
		        			<label class="pa-base-info-label fs-theme-color">身份证号：</label>
		        			<span class="pa-base-info-fr">23214561515646514564566</span>
		        		</div>
		        	</div>
		        	<div class="w-20 fr">
		        		<div class="img-box">
		        			<img class="avatar" src="" alt="">
		        		</div>
		        	</div>
		        </div>
		        <label class="theme-info fs-theme-color">指纹信息</label>
		        <div class="second-base-info">
		        	<div class="pa-form-control">
		        		<span class="span-padding">已采集</span>
		        	</div>
		        </div>
		        <label class="theme-info fs-theme-color">智能卡信息</label>
		        <div class="second-base-info">
		        	<div class="pa-form-control">
		        		<span class="span-padding">已关联</span>
		        	</div>
		        </div>
			    </section>
			    <h3>基本信息</h3>
			    <section>
		        <div class="info-item-header">
		        	<label class="info-item-header-label">基本信息</label>
		        </div>
		        <div class="second-base-info base-info-w50">
	        		<div class="pa-form-control w-55">
	        			<label class="pa-base-info-label fs-theme-color"><b>*</b>人员种类：</label>
	        			<select class="form-control-select">
	        				<option value="">请选择</option>
	        			</select>
	        		</div>
	        		<div class="pa-form-control w-45">
	        			<label class="pa-base-info-label fs-theme-color">学历：</label>
	        			<select class="form-control-select">
	        				<option value="">请选择</option>
	        			</select>
	        		</div>
	        		<div class="pa-form-control w-55">
	        			<label class="pa-base-info-label fs-theme-color">籍贯：</label>
	        			<select class="form-control-select">
	        				<option value="">请选择</option>
	        			</select>
	        		</div>
	        		<div class="pa-form-control w-45">
	        			<label class="pa-base-info-label fs-theme-color">部门：</label>
	        			<select class="form-control-select">
	        				<option value="">请选择</option>
	        			</select>
	        		</div>
	        		<div class="pa-form-control w-55">
	        			<label class="pa-base-info-label fs-theme-color">联系方式：</label>
	        			<select class="form-control-select">
	        				<option value="">请选择</option>
	        			</select>
	        		</div>
	        		<div class="pa-form-control w-45">
	        			<label class="pa-base-info-label fs-theme-color">进场时间：</label>
	        			<input type="text" class="form-control-input">
	        		</div>
	        		<div class="pa-form-control w-100">
	        			<label class="pa-base-info-label fs-theme-color">岗位：</label>
	        			<select class="form-control-select">
	        				<option value="">请选择</option>
	        			</select>
	        		</div>
	        		<div class="pa-form-control w-100">
	        			<label class="pa-base-info-label fs-theme-color">备注：</label>
	        			<input type="text" class="form-control-input form-control-note">
	        		</div>
		        </div>
			    </section>
			    <h3>证书信息</h3>
			    <section>
		        <div class="info-item info-table">
		        	<div class="info-item-header fs-14">
		        		<label class="info-item-header-label">证书信息（三类人员、特种人员必填）</label>
		        		<div class="pa-operate fs-14 pa-operate-add" ng-click="vm.addCertify()">
		        			<a class="pa-btn-a">
		        				<i class="fa fa-plus"></i>
		        				<span>新增</span>
		        			</a>				
		        		</div>
		        	</div>
		        	<table class="add-table fs-14">
		        		<thead>
		        			<tr>
		        				<th>证书类别</th>
		        				<th>证书编号</th>
		        				<th>发证单位</th>
		        				<th>发证时间</th>
		        				<th>有效日期</th>
		        				<th class="operate-w20"></th>
		        			</tr>
		        		</thead>
		        		<tbody id="add_certify"></tbody>
		        	</table>
		        </div>
			    </section>
			    <h3>附件信息</h3>
			    <section>
			    	<div class="info-item">
			    		<div class="info-item-header fs-14">
			    			<label class="info-item-header-label">附件信息（简历/资料等附件）</label>
			    			<div class="pa-operate fs-14 pa-operate-add">
			    				<a class="pa-btn-a">
			    					<i class="fa fa-plus"></i>
			    					<span>新增</span>
			    				</a>				
			    			</div>
			    		</div>
			    		<div class="file-list">
			    			
			    		</div>
			    	</div>
			    </section>
				</div>
			</div>
		</form>
	</div>

</body>
</html>